<template>
  <div class="body_container">
    <!-- 轮播图 -->
    <div class="top-banner">
      <el-carousel :interval="5000" arrow="always" :autoplay="true">
        <el-carousel-item v-for="(item, index) in bannerImg" :key="index">
          <a :href="item.link" target="_blank">
            <img
              class="loge-img"
              :src="imgurl + item.imgsrc"
              alt="bannericon"
            />
          </a>
        </el-carousel-item>
      </el-carousel>
    </div>
    <!-- 公告 -->
    <div class="middle-notice">
      <div class="notice-text">
        <div class="notice_img">
          <el-image :src="icon_notice" fit="cover"></el-image>
        </div>
        <div class="notice_name">
          <p class="addmouse">
            <span>公告</span>
          </p>
        </div>

        <div class="notice_content">
          <p class="content_div textOut">
            <span> {{ Newsnotice }}</span>
          </p>
        </div>
      </div>
    </div>
    <!-- 资讯 -->
    <div class="last-news">
      <!-- 最新项目 -->
      <div class="news-one">
        <div class="one-bottom">
          <div class="bottom-title"><p>最新项目</p></div>
          <div class="bottom-more" @click="ToMessageList(1)"><p>更多》</p></div>
        </div>
        <div class="one-body">
          <div
            class="one-content"
            v-for="(item, index) in latest_project"
            :key="index"
            @click="ToMessageDetails(1, 2)"
          >
            <div class="content_img">
              <el-image
                class="img_size"
                :src="imgurl + item.content_imgs"
                fit="fill"
              ></el-image>
            </div>
            <div class="content_title textOut">
              {{ item.content_title }}
            </div>
            <div class="content_bridf text_more_Line">
              {{ item.content_bridf }}
            </div>
            <div class="content_data ">
              <div>{{ item.content_date }}</div>
              <div>
                <span>{{ item.company_name }}</span
                ><span>{{ item.content_position }}</span>
              </div>
            </div>
          </div>
          <!-- <div class="addwidth"></div>
          <div class="one-content">
            <div class="content_img">
              <el-image class="img_size" :src="news_1" fit="fill"></el-image>
            </div>
            <div class="content_title textOut">
              云南省2020年地址灾害合成孔径达1111…
            </div>
            <div class="content_bridf text_more_Line">
              第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的11111111111货物。2.5服
            </div>
            <div class="content_data ">
              <div>2020-06-30</div>
              <div><span>招标</span><span>昆明</span></div>
            </div>
          </div>
          <div class="addwidth"></div>
          <div class="one-content">
            <div class="content_img">
              <el-image class="img_size" :src="news_1" fit="fill"></el-image>
            </div>
            <div class="content_title textOut">
              云南省2020年地址灾害合成孔径达1111…
            </div>
            <div class="content_bridf text_more_Line">
              第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的11111111111货物。2.5服
            </div>
            <div class="content_data ">
              <div>2020-06-30</div>
              <div><span>招标</span><span>昆明</span></div>
            </div>
          </div>
          <div class="addwidth"></div>
          <div class="one-content">
            <div class="content_img">
              <el-image class="img_size" :src="news_1" fit="fill"></el-image>
            </div>
            <div class="content_title textOut">
              云南省2020年地址灾害合成孔径达1111…
            </div>
            <div class="content_bridf text_more_Line">
              第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的11111111111货物。2.5服
            </div>
            <div class="content_data ">
              <div>2020-06-30</div>
              <div><span>招标</span><span>昆明</span></div>
            </div>
          </div> -->
        </div>
      </div>
      <!-- 推荐项目 -->
      <!-- <div class="news-two">
        <div class="two-bottom">
          <div class="bottom-title"><p>推荐项目</p></div>
          <div class="bottom-more" @click="ToMessageList(2)"><p>更多》</p></div>
        </div>
        <div
          class="two-body"
          v-for="(item, index) in Recommend"
          :key="index"
          @click="ToMessageDetails(1, 2)"
        >
          <div class="two-content">
            <div class="content_img_2">
              <el-image
                class="img_size"
                :src="imgurl + item.content_imgs"
                fit="fill"
              ></el-image>
            </div>
            <div class="content_text">
              <div class="content_title textOut">
                {{ item.content_title }}
              </div>
              <div class="content_bridf text_more_Line">
                {{ item.content_bridf }}
              </div>
              <div class="content_data ">
                <div>{{ item.content_date }}</div>
                <div>
                  <span>{{ item.company_name }}</span
                  ><span>{{ item.content_position }}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div> -->
      <!-- 广告位 -->
      <div class="new-advlocation">
        <e-advertisingSpace :message="adv_msg_1"> </e-advertisingSpace>
      </div>
      <!-- 工程项目、机械设备、装饰建材 -->
      <div class="news-three">
        <div class="news-two">
          <div class="two-bottom">
            <div class="bottom-title"><p>工程项目</p></div>
            <div class="bottom-more" @click="ToMessageList(3)">
              <p>更多》</p>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="news-two">
          <div class="two-bottom">
            <div class="bottom-title"><p>机械设备</p></div>
            <div class="bottom-more" @click="ToMessageList(4)">
              <p>更多》</p>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="news-two">
          <div class="two-bottom">
            <div class="bottom-title"><p>装饰建材</p></div>
            <div class="bottom-more" @click="ToMessageList(5)">
              <p>更多》</p>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
                <div class="content_data ">
                  <div>2020-06-30</div>
                  <div><span>招标</span><span>昆明</span></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 广告位 -->
      <div class="new-advlocation">
        <e-advertisingSpace :message="adv_msg_2"> </e-advertisingSpace>
      </div>
      <!-- 配送运输、施工队伍、综合服务 -->
      <div class="news-four">
        <div class="news-two">
          <div class="two-bottom">
            <div class="bottom-title"><p>配送运输</p></div>
            <div class="bottom-more" @click="ToMessageList(6)">
              <p>更多》</p>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
              </div>
            </div>
          </div>
          <div class="four-body-title">
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
          </div>
        </div>
        <div class="news-two">
          <div class="two-bottom">
            <div class="bottom-title"><p>配送运输</p></div>
            <div class="bottom-more" @click="ToMessageList(7)">
              <p>更多》</p>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
              </div>
            </div>
          </div>
          <div class="four-body-title">
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
          </div>
        </div>
        <div class="news-two">
          <div class="two-bottom">
            <div class="bottom-title"><p>配送运输</p></div>
            <div class="bottom-more" @click="ToMessageList(8)">
              <p>更多》</p>
            </div>
          </div>
          <div class="two-body">
            <div class="two-content">
              <div class="content_img_2">
                <el-image class="img_size" :src="news_1" fit="fill"></el-image>
              </div>
              <div class="content_text">
                <div class="content_title textOut">
                  云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                </div>
                <div class="content_bridf text_more_Line">
                  云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                </div>
              </div>
            </div>
          </div>
          <div class="four-body-title">
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
            <div class="four-content">
              <div class="title-list">
                <div class="list-point">
                  <div class="point"></div>
                </div>
                <div class="list-text textOut">
                  云南省求向采购单位提供的货物11111111
                </div>
                <div class="list-date textOut">2020-06-30</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 广告位 -->
      <div class="new-advlocation">
        <e-advertisingSpace :message="adv_msg_3"> </e-advertisingSpace>
      </div>
      <!-- 实时政策 -->
      <div class="news-five">
        <div class="one-bottom">
          <div class="bottom-title"><p>实时政策</p></div>
          <div class="bottom-more" @click="ToMessageList(9)"><p>更多》</p></div>
        </div>
        <div class="five-body">
          <div class="one-content">
            <div class="content_date">
              <div class="date_last">
                08
              </div>
              <div class="date_first">2020-06</div>
            </div>
            <div class="text_briefly">
              <div class="briefly_title textOut">
                云南省2020年地址灾害合成孔径达1111111111111
              </div>
              <div class="briefly_bridf text_more_Line_4">
                第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。第一部分投标企业须知11111111
              </div>
              <div class="briefly_data ">
                <div class="data_top" @click="ToMessageList(10)">
                  <p>更多》</p>
                </div>
              </div>
            </div>
          </div>
          <div class="one-content">
            <div class="content_date">
              <div class="date_last">
                08
              </div>
              <div class="date_first">2020-06</div>
            </div>
            <div class="text_briefly">
              <div class="briefly_title textOut">
                云南省2020年地址灾害合成孔径达1111111111111
              </div>
              <div class="briefly_bridf text_more_Line_4">
                第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。第一部分投标企业须知11111111
              </div>
              <div class="briefly_data ">
                <div class="data_top" @click="ToMessageList(11)">
                  <p>更多》</p>
                </div>
              </div>
            </div>
          </div>
          <div class="one-content">
            <div class="content_date">
              <div class="date_last">
                08
              </div>
              <div class="date_first">2020-06</div>
            </div>
            <div class="text_briefly">
              <div class="briefly_title textOut">
                云南省2020年地址灾害合成孔径达1111111111111
              </div>
              <div class="briefly_bridf text_more_Line_4">
                第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。第一部分投标企业须知11111111
              </div>
              <div class="briefly_data ">
                <div class="data_top" @click="ToMessageList(12)">
                  <p>更多》</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 公司新闻 -->
      <div class="news-six">
        <div class="one-bottom">
          <div class="bottom-title"><p>公司新闻</p></div>
          <div class="bottom-more" @click="ToMessageList(13)">
            <p>更多》</p>
          </div>
        </div>
        <div class="five-body">
          <div class="one-content">
            <div class="content_date">
              <div class="date_last">
                NEWS
              </div>
              <div class="date_first">最新新闻</div>
            </div>
            <div class="add_img">
              <el-image
                class="img_size"
                :src="conmpany_adv"
                fit="fill"
              ></el-image>
            </div>
            <div class="text_briefly">
              <div class="briefly_title textOut">
                云南省2020年地址灾害合成孔径达1111111111111
              </div>
              <div class="briefly_bridf text_more_Line">
                第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。第一部分投标企业须知11111111
              </div>
              <div class="briefly_data ">
                <div class="data_line"></div>
                <div class="data_top">
                  <p>2020-06-30</p>
                </div>
              </div>
            </div>
          </div>
          <div class="six-content">
            <div class="content_first_part">
              <div class="first_part-body">
                <div class="two-content">
                  <div class="content_img_2">
                    <el-image
                      class="img_size"
                      :src="news_1"
                      fit="fill"
                    ></el-image>
                  </div>
                  <div class="content_text">
                    <div class="content_title textOut">
                      云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                    </div>
                    <div class="content_bridf text_more_Line_4">
                      云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                    </div>
                    <div class="briefly_data ">
                      <div class="data_line"></div>
                      <div class="data_top textOut">
                        <p>2020-06-30</p>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="two-content">
                  <div class="content_img_2">
                    <el-image
                      class="img_size"
                      :src="news_1"
                      fit="fill"
                    ></el-image>
                  </div>
                  <div class="content_text">
                    <div class="content_title textOut">
                      云南省2020年地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址灾害合成孔径雷达干涉测量技术检测地址1111111111111111111
                    </div>
                    <div class="content_bridf text_more_Line_4">
                      云南省政府采购招标文件项目2113名称：伽师县******项目5261采购招标项目编号：****************号伽师县4102政府采购中心1653制二○一三年**月**日第一部分投标企业须知前附表第二部分投标云南省求向采购单位提供的货物。2.5服务:系指按合员单位会员证书（5）学仪器设备行业协会会员学仪器设备行业协会22222222222222222222222222222222222会5服
                    </div>
                    <div class="briefly_data ">
                      <div class="data_line"></div>
                      <div class="data_top textOut">
                        <p>2020-06-30</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="addwidth_three"></div>
            <div class="content_two_part">
              <div class="four-body-title">
                <div class="four-content">
                  <div class="title-list">
                    <div class="list-point">
                      <div class="point"></div>
                    </div>
                    <div class="list-text textOut">
                      云南省求向采购单位提供的货物云南省求向采购单位提供的货物求向采购单位提供的货物求向采购单位提供的货物1111111111
                    </div>
                    <div class="list-date textOut">2020-06-30</div>
                  </div>
                </div>
                <div class="four-content">
                  <div class="title-list">
                    <div class="list-point">
                      <div class="point"></div>
                    </div>
                    <div class="list-text textOut">
                      云南省求向采购单位提供的货物11111111
                    </div>
                    <div class="list-date textOut">2020-06-30</div>
                  </div>
                </div>
                <div class="four-content">
                  <div class="title-list">
                    <div class="list-point">
                      <div class="point"></div>
                    </div>
                    <div class="list-text textOut">
                      云南省求向采购单位提供的货物11111111
                    </div>
                    <div class="list-date textOut">2020-06-30</div>
                  </div>
                </div>
                <div class="four-content">
                  <div class="title-list">
                    <div class="list-point">
                      <div class="point"></div>
                    </div>
                    <div class="list-text textOut">
                      云南省求向采购单位提供的货物11111111
                    </div>
                    <div class="list-date textOut">2020-06-30</div>
                  </div>
                </div>
                <div class="four-content">
                  <div class="title-list">
                    <div class="list-point">
                      <div class="point"></div>
                    </div>
                    <div class="list-text textOut">
                      云南省求向采购单位提供的货物11111111
                    </div>
                    <div class="list-date textOut">2020-06-30</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 网站流量信息 -->
      <div class="news-seven">
        <div class="seven-flux">
          <div class="flux-issue">
            <div class="issue-top">{{ Newsissue }}</div>
            <div class="issue-bottom">
              <div class="bottom-img">
                <el-image
                  class="img-size"
                  :src="issue_1"
                  fit="cover"
                ></el-image>
              </div>
              <div>发布量</div>
            </div>
          </div>
        </div>
        <div class="seven-flux">
          <div class="flux-issue">
            <div class="issue-top">{{ Newsshare }}</div>
            <div class="issue-bottom">
              <div class="bottom-img">
                <el-image
                  class="img-size"
                  :src="issue_2"
                  fit="cover"
                ></el-image>
              </div>
              <div>分享量</div>
            </div>
          </div>
        </div>
        <div class="seven-flux">
          <div class="flux-issue">
            <div class="issue-top">{{ Newsbrowse }}</div>
            <div class="issue-bottom">
              <div class="bottom-img">
                <el-image
                  class="img-size"
                  :src="issue_3"
                  fit="cover"
                ></el-image>
              </div>
              <div>浏览量</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import eAdvertisingSpace from "@/components/public/AdvertisingSpace.vue";
export default {
  components: {
    //slick: Slick
    //VDistpicker
    eAdvertisingSpace
  },
  data() {
    return {
      imgurl: this.$urls,
      bannerImg: [],
      icon_notice: require("../../assets/images/icon_notice.png"),
      news_1: require("../../assets/images/news_1.png"),
      conmpany_adv: require("../../assets/images/conmpany_adv.png"),
      issue_1: require("../../assets/images/issue-1.png"),
      issue_2: require("../../assets/images/issue-2.png"),
      issue_3: require("../../assets/images/issue-3.png"),
      Newsnotice:
        "中国人寿保险有限股份公司云南省分公司装修造价咨询云南省分公司装修造价咨询云南省分公司装修造价咨询云南省分公司装修司询云南省云南省分11111111111111111…",
      Newsissue: 123,
      Newsshare: 120,
      Newsbrowse: 1345,
      latest_project: [],
      Recommend: [],
      adv_msg_1: 0, //广告传值
      adv_msg_2: 1,
      adv_msg_3: 2, 
    };
  },
  created() {
    //获取最新项目
    this.Postlatest();
    //获取推荐项目
    //this.Postrecommend();
    //获取轮播图片
    this.Postbanner();
    //获取公告
    this.Postnotice();
    //发布、分享、浏览量
    this.PostNewsdata();
  },
  methods: {
    //获取轮播图片
    Postbanner() {
      let _this = this;
      //多个代理可以的封装头是要与URL分开写的，不然系统可能识别不出来。
      //let Url = "/api/statis";
      let Params = {
        type: 0,
        category_id: 1
      };
      _this.$axios.post(_this.$basis + "/banner", Params).then(res => {
        let data = res.data.data;
        let resdata = res.data;
        _this.bannerImg = [];
        switch (resdata.code) {
          case 0:
            for (let i = 0; i < data.length; i++) {
              _this.bannerImg.push({
                id: data[i].id,
                imgsrc: data[i].src,
                alt: data[i].alt
              });
            }
            break;
          case 1:
            console.log(resdata.msg);
            break;
        }
      });
    },
    //获取最新项目
    Postlatest() {
      let _this = this;
      let Params = {
        type: "pc",
        adcode: 810011
      };
      _this.$axios.post(_this.$basis + "/latest_project", Params).then(res => {
        let data = res.data.data;
        let resdata = res.data;
        this.latest_project = [];
        switch (resdata.code) {
          case 0:
            for (let i = 0; i < data.length; i++) {
              _this.latest_project.push({
                id: data[i].id,
                content_title: data[i].title,
                content_bridf: data[i].about,
                content_date: data[i].create_time,
                company_name: data[i].type,
                content_position: data[i].position,
                content_imgs: data[i].imgs
              });
            }
            break;
          case 1:
            console.log(resdata.msg);
            break;
        }
      });
    },
    //获取推荐项目
    Postrecommend() {
      let _this = this;
      _this.$axios.post(_this.$basis + "/recommend_projects").then(res => {
        let data = res.data.data;
        let resdata = res.data;
        _this.Recommend = [];
        switch (resdata.code) {
          case 0:
            for (let i = 0; i < data.length; i++) {
              _this.Recommend.push({
                id: data[i].id,
                content_title: data[i].title,
                content_bridf: data[i].about,
                content_date: data[i].create_time,
                company_name: data[i].type,
                content_position: data[i].position,
                content_imgs: data[i].imgs
              });
            }
            break;
          case 1:
            console.log(resdata.msg);
            break;
        }
      });
    },
    //获取公告
    Postnotice() {
      let _this = this;
      _this.$axios.post(_this.$basis + "/notice").then(res => {
        let data = res.data.data;
        let resdata = res.data;
        switch (resdata.code) {
          case 0:
            _this.Newsnotice = data.content;
            break;
          case 1:
            console.log(resdata.msg);
            break;
        }
      });
    },
    //发布、分享、浏览量
    PostNewsdata() {
      let _this = this;
      //多个代理可以的封装头是要与URL分开写的，不然系统可能识别不出来。
      //let Url = "/api/statis";
      // let Params = {};
      _this.$axios.post(_this.$basis + "/statis").then(res => {
        let data = res.data.data;
        let resdata = res.data;
        switch (resdata.code) {
          case 0:
            _this.Newsissue = data.publish_num;
            _this.Newsshare = data.share_num;
            _this.Newsbrowse = data.browse_num;
            break;
          case 1:
            console.log(resdata.msg);
            break;
        }
      });
    },
    //跳转列表页
    ToMessageList(id) {
      sessionStorage.setItem("MessageListId", id);
      this.$router.push("/MessageList");
    },
    //跳转文章详情
    ToMessageDetails(textid, cate_id) {
      this.$router.push("/MessageDetails");
      // sessionStorage.setItem("Details", textid);
      // sessionStorage.setItem("Details_cate_id", cate_id);
    }
  }
};
</script>
<style lang="scss">
@import "../../assets/css/theme";
.body_container {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  min-width: 1200px;
  height: auto;
  min-height: 500px;
  background: #ffffff;
  //overflow: scroll;
  .top-banner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    min-width: 850px;
    height: 450px;
    .el-carousel--horizontal {
      width: 100%;
      height: 100%;
      .el-carousel__container {
        height: 100%;
      }
    }
    .el-carousel__item h3 {
      color: #475669;
      font-size: 18px;
      opacity: 0.75;
      line-height: 300px;
      margin: 0;
    }

    .el-carousel__item:nth-child(2n) {
      background-color: #99a9bf;
    }

    .el-carousel__item:nth-child(2n + 1) {
      background-color: #d3dce6;
    }
    .addrewidth {
      width: 100%;
      height: 100%;
    }
  }
  .middle-notice {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    min-width: 1200px;
    height: 85px;
    padding: 20px 18.15% 0px 18.15%;
    background: #ffffff;
    .notice-text {
      display: flex;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      background: #ee181e;
      border-radius: 3px;
      .notice_img {
        width: 40px;
        height: 100%;
        padding: 18px 0px 17px 10px;
      }
      .notice_name {
        width: auto;
        height: 100%;
        padding: 20px 0;
        font-size: 18px;
        color: #fcfcfc;
      }
      .notice_content {
        width: calc(calc(100% - 76px) - 40px);
        height: 100%;
        padding: 8px 10px;
        color: #000000;
        font-size: 16px;
        .content_div {
          width: 100%;
          height: 100%;
          line-height: 48px;
          border-radius: 25px;
          background: #ffffff;
          padding: 0 20px;
          text-align: center;
        }
      }
    }
  }
  .last-news {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    min-width: 1200px;
    height: auto;
    padding: 20px 18.15% 20px 18.15%;
    background: #ffffff;
    .news-one {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      width: 100%;
      height: auto;
      background: #ffffff;
      .one-bottom {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 44px;
        background: #ffffff;
        border-bottom: 2px solid #ee181e;
        .bottom-title {
          width: 106px;
          height: 44px;
          background: #ee181e;
          letter-spacing: 2px;
          font-size: 20px;
          line-height: 44px;
          color: #fefefe;
          text-align: center;
          p {
            width: 100%;
          }
        }
        .bottom-more {
          color: #999999;
          font-size: 16px;
          line-height: 44px;
          cursor: pointer;
        }
      }
      .one-body {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        background: #ffffff;
        .one-content {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          width: 24.33%;
          height: auto;
          background: #ffffff;
          padding: 20px 20px;
          cursor: pointer;
          .content_img {
            width: 100%;
            min-width: 180px;
            height: 160px;
            .img_size {
              width: 100%;
              height: 100%;
            }
          }
          .content_title {
            width: 100%;
            height: 32px;
            color: #333333;
            font-size: 16px;
            font-weight: bold;
            padding: 10px 10px 5px 0px;
          }
          .content_bridf {
            width: 100%;
            height: auto;
            color: #999999;
            font-size: 14px;
            text-align: left;
          }
          .content_data {
            display: flex;
            justify-content: space-between;
            width: 100%;
            height: auto;
            padding-top: 5px;
            color: #999999;
            font-size: 14px;
            text-align: left;
            span {
              padding-left: 10px;
            }
          }
        }
        .addwidth {
          width: 2.25%;
          height: 100%;
        }
      }
    }
    .news-two {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      width: 100%;
      height: auto;
      background: #ffffff;
      padding: 20px 0px 20px 0px;
      cursor: pointer;
      .two-bottom {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 44px;
        background: #ffffff;
        border-bottom: 2px solid #ee181e;
        .bottom-title {
          width: 106px;
          height: 44px;
          background: #ee181e;
          letter-spacing: 2px;
          font-size: 20px;
          line-height: 44px;
          color: #fefefe;
          text-align: center;
          p {
            width: 100%;
          }
        }
        .bottom-more {
          color: #999999;
          font-size: 16px;
          line-height: 44px;
          cursor: pointer;
        }
      }
      .two-body {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        height: auto;
        background: #ffffff;
        .two-content {
          display: flex;
          justify-content: flex-start;
          width: 100%;
          height: auto;
          background: #ffffff;
          padding: 20px 0 0 0;
          .content_img_2 {
            width: 100px;
            min-width: 100px;
            height: 100px;
            .img_size {
              width: 100%;
              height: 100%;
            }
          }
          .content_text {
            width: calc(100% - 100px);
            padding: 0 0 1px 10px;
            text-align: left;
            font-size: 16px;
            .content_title {
              width: 100%;
              height: 32px;
              color: #333333;
              font-size: 16px;
              font-weight: bold;
            }
            .content_bridf {
              width: 100%;
              height: auto;
              color: #333333;
              font-size: 14px;
              text-align: left;
            }
            .content_data {
              display: flex;
              justify-content: space-between;
              width: 100%;
              height: auto;
              padding-top: 15px;
              color: #333333;
              font-size: 12px;
              text-align: left;
              span {
                padding-left: 10px;
              }
            }
          }
        }
      }
    }
    .new-advlocation {
      width: 100%;
      min-width: 770px;
      height: 200px;
    }
    .news-three {
      display: flex;
      justify-content: space-between;
      width: 100%;
      // min-width: 1000px;
      height: auto;
      background: #ffffff;
      //padding: 20px 0px;
      .news-two {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        width: 32%;
        height: auto;
        background: #ffffff;
        padding: 20px 0px 20px 0px;
        .two-bottom {
          display: flex;
          justify-content: space-between;
          width: 100%;
          height: 44px;
          background: #ffffff;
          border-bottom: 2px solid #ee181e;
          .bottom-title {
            width: 106px;
            height: 44px;
            background: #ee181e;
            letter-spacing: 2px;
            font-size: 20px;
            line-height: 44px;
            color: #fefefe;
            text-align: center;
            p {
              width: 100%;
            }
          }
          .bottom-more {
            color: #999999;
            font-size: 16px;
            line-height: 44px;
            cursor: pointer;
          }
        }
        .two-body {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          width: 100%;
          height: auto;
          background: #ffffff;
          .two-content {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            background: #ffffff;
            padding: 20px 0 0 0;
            .content_img_2 {
              width: 100px;
              min-width: 100px;
              height: 100px;
              .img_size {
                width: 100%;
                height: 100%;
              }
            }
            .content_text {
              width: calc(100% - 100px);
              padding: 0 0 1px 10px;
              text-align: left;
              font-size: 16px;
              .content_title {
                width: 100%;
                height: 32px;
                color: #333333;
                font-size: 16px;
                font-weight: bold;
              }
              .content_bridf {
                width: 100%;
                height: auto;
                color: #333333;
                font-size: 14px;
                text-align: left;
              }
              .content_data {
                display: flex;
                justify-content: space-between;
                width: 100%;
                height: auto;
                padding-top: 15px;
                color: #333333;
                font-size: 12px;
                text-align: left;
                span {
                  padding-left: 10px;
                }
              }
            }
          }
        }
      }
    }
    .news-four {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: auto;
      background: #ffffff;
      //padding: 20px 0px;
      .news-two {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        width: 32%;
        height: auto;
        background: #ffffff;
        padding: 20px 0px 20px 0px;
        .two-bottom {
          display: flex;
          justify-content: space-between;
          width: 100%;
          height: 44px;
          background: #ffffff;
          border-bottom: 2px solid #ee181e;
          .bottom-title {
            width: 106px;
            height: 44px;
            background: #ee181e;
            letter-spacing: 2px;
            font-size: 20px;
            line-height: 44px;
            color: #fefefe;
            text-align: center;
            p {
              width: 100%;
            }
          }
          .bottom-more {
            color: #999999;
            font-size: 16px;
            line-height: 44px;
            cursor: pointer;
          }
        }
        .two-body {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          width: 100%;
          height: auto;
          background: #ffffff;
          .two-content {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            height: auto;
            background: #ffffff;
            padding: 20px 0 0 0;
            .content_img_2 {
              width: 70px;
              min-width: 70px;
              height: 70px;
              .img_size {
                width: 100%;
                height: 100%;
              }
            }
            .content_text {
              width: calc(100% - 70px);
              padding: 0 0 1px 10px;
              text-align: left;
              font-size: 16px;
              .content_title {
                width: 100%;
                height: 32px;
                color: #333333;
                font-size: 16px;
                font-weight: bold;
              }
              .content_bridf {
                width: 100%;
                height: auto;
                color: #999999;
                font-size: 14px;
                text-align: left;
              }
            }
          }
        }
        .four-body-title {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          width: 100%;
          height: auto;
          .title-list {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            padding: 11px 0 0 0;
            .list-point {
              width: 8px;
              height: 100%;
              padding-top: 7px;
              background: #ffffff;
              .point {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #ee181e;
              }
            }
            .list-text {
              width: calc(100%-98px);
              height: auto;
              font-size: 16px;
              padding: 0 25px 0 7px;
              cursor: pointer;
            }
            .list-date {
              width: 90px;
              height: auto;
              font-size: 14px;
              color: #686868;
              padding: 2px 0 0 0;
            }
          }
        }
      }
    }
    .news-five {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      width: 100%;
      height: auto;
      background: #ffffff;
      padding: 20px 0;
      .one-bottom {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 44px;
        background: #ffffff;
        border-bottom: 2px solid #ee181e;
        .bottom-title {
          width: 106px;
          height: 44px;
          background: #ee181e;
          letter-spacing: 2px;
          font-size: 20px;
          line-height: 44px;
          color: #fefefe;
          text-align: center;
          p {
            width: 100%;
          }
        }
        .bottom-more {
          color: #999999;
          font-size: 16px;
          line-height: 44px;
          cursor: pointer;
        }
      }
      .five-body {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: auto;
        background: #ffffff;
        padding: 20px 2px;
        .one-content {
          display: flex;
          justify-content: flex-start;
          width: 32%;
          height: 223px;
          background: #f6f6f6;
          padding: 10px 30px;
          border-radius: 5px;
          .content_date {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            width: 88px;
            height: 100%;
            .date_last {
              width: 88px;
              height: 98px;
              font-size: 70px;
              color: #686868;
            }
            .date_first {
              width: 88px;
              height: 28px;
              font-size: 20px;
              color: #686868;
            }
          }
          .text_briefly {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            width: calc(100% - 88px);
            height: 100%;
            padding: 20px 0 0 20px;
            .briefly_title {
              width: 100%;
              height: 36px;
              color: #333333;
              font-size: 16px;
              font-weight: bold;
              border-bottom: 1px solid #cccccc;
              //padding-bottom: 25px;
            }
            .briefly_bridf {
              width: 100%;
              height: auto;
              color: #333333;
              padding-top: 15px;
              font-size: 14px;
              text-align: left;
            }
            .briefly_data {
              width: 73px;
              height: 43px;
              padding: 10px 0 0 0px;
              .data_top {
                width: 100%;
                height: 100%;
                line-height: 33px;
                border-radius: 17px;
                padding-left: 8px;
                background: #fefefe;
                color: #999999;
                font-size: 14px;
                text-align: center;
              }
            }
          }
        }
        .addwidth {
          width: 2.25%;
          height: 100%;
        }
        .one-content:hover {
          cursor: pointer;
          background: #e4575b;
          .content_date {
            .date_last {
              color: #ffffff;
            }
            .date_first {
              color: #ffffff;
            }
          }
          .text_briefly {
            .briefly_title {
              color: #ffffff;
              border-bottom: 1px solid #cccccc;
              //padding-bottom: 25px;
            }
            .briefly_bridf {
              color: #ffffff;
            }
            .briefly_data {
              .data_top {
                background: #ee181e;
                color: #ffffff;
              }
            }
          }
        }
      }
    }
    .news-six {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      width: 100%;
      height: auto;
      background: #ffffff;
      padding: 20px 0;
      .one-bottom {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 44px;
        background: #ffffff;
        border-bottom: 2px solid #ee181e;
        .bottom-title {
          width: 106px;
          height: 44px;
          background: #ee181e;
          letter-spacing: 2px;
          font-size: 20px;
          line-height: 44px;
          color: #fefefe;
          text-align: center;
          p {
            width: 100%;
          }
        }
        .bottom-more {
          color: #999999;
          font-size: 16px;
          line-height: 44px;
          cursor: pointer;
        }
      }
      .five-body {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: auto;
        background: #ffffff;
        padding: 20px 2px;
        .one-content {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          width: 32%;
          height: auto;
          background: url(../../assets/images/conpany_img.png);
          background-size: 100% 100%;
          padding: 15px;
          border-radius: 5px;
          .content_date {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            width: 88px;
            height: 100%;
            text-align: left;
            .date_last {
              width: 100%;
              height: auto;
              font-size: 20px;
              color: #fefefe;
            }
            .date_first {
              width: 100%;
              height: auto;
              font-size: 16px;
              color: #fefefe;
            }
          }
          .add_img {
            width: 100%;
            height: 200px;
            padding: 15px 0 20px 0;
            .img_size {
              width: 100%;
              height: 100%;
            }
          }

          .text_briefly {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            width: 100%;
            height: 100%;
            padding: 0px 0 10px 0px;
            .briefly_title {
              width: 100%;
              height: auto;
              color: #333333;
              font-size: 16px;
              font-weight: bold;
              //border-bottom: 1px solid #cccccc;
              //padding-bottom: 25px;
            }
            .briefly_bridf {
              width: 100%;
              height: auto;
              color: #333333;
              padding-top: 10px;
              font-size: 14px;
              text-align: left;
            }
            .briefly_data {
              display: flex;
              justify-content: space-between;
              width: 100%;
              height: 27px;
              padding: 10px 0 0 0px;
              .data_line {
                width: 62px;
                height: 100%;
                border-bottom: 1px solid #999999;
              }
              .data_top {
                width: 78px;
                height: 100%;
                //line-height: 33px;
                color: #686868;
                font-size: 12px;
                text-align: center;
              }
            }
          }
        }
        .six-content {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          width: 67%;
          height: auto;
          //padding: 20px 15px 25px 15px;
          background: #ffffff;
          .content_first_part {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            height: 205px;
            border-radius: 8px;
            background: #f6f6f6;
            .first_part-body {
              width: 100%;
              display: flex;
              justify-content: space-between;
              height: auto;
              padding: 20px 15px 25px 15px;
              .two-content {
                display: flex;
                justify-content: flex-start;
                width: 48.5%;
                height: auto;
                //background: #ffffff;
                //padding: 20px 0 0 0;
                .content_img_2 {
                  width: 160px;
                  min-width: 160px;
                  height: 160px;
                  .img_size {
                    width: 100%;
                    height: 100%;
                  }
                }
                .content_text {
                  width: calc(100% - 160px);
                  padding: 0 0 1px 10px;
                  text-align: left;
                  font-size: 16px;
                  .content_title {
                    width: 100%;
                    height: 32px;
                    color: #333333;
                    font-size: 16px;
                    font-weight: bold;
                  }
                  .content_bridf {
                    width: 100%;
                    height: auto;
                    color: #999999;
                    font-size: 14px;
                    text-align: left;
                  }
                  .briefly_data {
                    display: flex;
                    justify-content: space-between;
                    width: 100%;
                    height: 47px;
                    padding: 30px 0 0 0px;
                    .data_line {
                      width: 62px;
                      height: 100%;
                      border-bottom: 1px solid #999999;
                      padding-top: 20px;
                    }
                    .data_top {
                      width: 78px;
                      height: 100%;
                      //line-height: 33px;
                      color: #686868;
                      font-size: 12px;
                      text-align: center;
                      //padding-top: 5px;
                    }
                  }
                }
              }
            }
            .four-body-title {
              display: flex;
              justify-content: flex-start;
              flex-direction: column;
              width: 100%;
              height: auto;
              .title-list {
                display: flex;
                justify-content: flex-start;
                width: 100%;
                padding: 11px 0 0 0;
                .list-point {
                  width: 8px;
                  height: 100%;
                  padding-top: 7px;
                  background: #ffffff;
                  .point {
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: #ee181e;
                  }
                }
                .list-text {
                  width: calc(100%-98px);
                  height: auto;
                  font-size: 16px;
                  padding: 0 25px 0 7px;
                  cursor: pointer;
                }
                .list-date {
                  width: 90px;
                  height: auto;
                  font-size: 14px;
                  color: #686868;
                  padding: 2px 0 0 0;
                }
              }
            }
          }
          .addwidth_three {
            width: 100%;
            height: 10px;
            background: #ffffff;
          }
          .content_two_part {
            width: 100%;
            height: 214px;
            border-radius: 8px;
            background: #f6f6f6;
            padding: 7px 15px 22px 15px;
            .four-body-title {
              display: flex;
              justify-content: flex-start;
              flex-direction: column;
              width: 100%;
              height: auto;
              .title-list {
                display: flex;
                justify-content: flex-start;
                width: 100%;
                padding: 15px 0 0 0;
                .list-point {
                  width: 8px;
                  height: 100%;
                  padding-top: 7px;
                  background: #ffffff;
                  .point {
                    width: 8px;
                    height: 8px;
                    border-radius: 50%;
                    background: #ee181e;
                  }
                }
                .list-text {
                  width: calc(100%-128px);
                  height: auto;
                  font-size: 16px;
                  padding: 0 25px 0 7px;
                  color: #333333;
                  cursor: pointer;
                }
                .list-date {
                  width: 120px;
                  height: auto;
                  font-size: 14px;
                  color: #686868;
                  padding: 2px 0 0 0;
                }
              }
            }
          }
        }
        .addwidth {
          width: 2.25%;
          height: 100%;
        }
      }
    }
    .news-seven {
      display: flex;
      justify-content: space-between;
      width: 100%;
      height: auto;
      background: #ffffff;
      padding: 20px 0;
      .seven-flux {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 33%;
        height: auto;
        .flux-issue {
          display: flex;
          justify-content: flex-start;
          flex-direction: column;
          width: 65px;
          height: auto;
          .issue-top {
            width: 100%;
            height: 38px;
            padding-bottom: 10px;
            font-size: 20px;
            color: #333333;
            text-align: center;
          }
          .issue-bottom {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            height: 25px;
            font-size: 14px;
            color: #333333;
            font-weight: 400;
            text-align: center;

            .bottom-img {
              width: 21px;
              height: 19px;
              padding-top: 2px;
              padding-right: 4px;
              .img-size {
                width: 100%;
                height: 100%;
              }
            }
          }
        }
      }
    }
  }
}
.textOut {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text_more_Line {
  overflow: hidden;
  text-overflow: ellipsis;
  //white-space: nowrap;禁止换行
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text_more_Line_4 {
  overflow: hidden;
  text-overflow: ellipsis;
  //white-space: nowrap;禁止换行
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
</style>
